import { createRouter, createWebHistory } from "vue-router";

import Props from '@/pages/01_props/Father.vue'
import Event from '@/pages/02_custom-event/Father.vue'
import Bus from '@/pages/03_mitt/Father.vue'
import Model from '@/pages/04_v-model/Father.vue'
import AttrsListeners from '@/pages/05_$attrs/Father.vue'
import RefChildrenParent from '@/pages/06_$refs-$parent/Father.vue'
import ProvideInject from '@/pages/07_provide-inject/Father.vue'
import Pinia from '@/pages/08_pinia/Father.vue'
import Slot from '@/pages/09_slot/Father.vue'
import Readonly from '@/pages/10_readonly/Father.vue'
import CustomRef from '@/pages/11_customRef/Father.vue'
import Teleport from '@/pages/12_teleport/Father.vue'
import Suspense from '@/pages/13_suspense/Father.vue'





export default createRouter({
    history: createWebHistory(),
    routes: [
        { path: '/', redirect: '/props' },
        {
            path: '/props',
            component: Props
        }, {
            path: '/event',
            component: Event
        }, {
            path: '/mitt',
            component: Bus
        }, {
            path: '/model',
            component: Model
        }, {
            path: '/attrs',
            component: AttrsListeners
        }, {
            path: '/parent',
            component: RefChildrenParent
        }, {
            path: '/provide',
            component: ProvideInject
        }, {
            path: '/pinia',
            component: Pinia
        }, {
            path: '/slot',
            component: Slot
        }, {
            path: '/readonly',
            component: Readonly
        }, {
            path: '/customRef',
            component: CustomRef
        }, {
            path: '/teleport',
            component: Teleport
        }, {
            path: '/suspense',
            component: Suspense
        }
    ]
})
